<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Plataforma Unificadora de Obras Sociales</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/stylebarra.css" rel="stylesheet" type="text/css"/>
        <link href="css/styletabla.css" rel="stylesheet" type="text/css"/>
        
        <script language="javascript" type="text/javascript">
         
         $(document).ready(function(){           
            /** Mostramos el valor-texto seleccionado */
            $("#selectPrestadora").change(function(){   
                  <a href='index.jsp?action=CartillaProfesionales' target="_self"; a
            });
        })
        </script>
        
    </head>
    
    <body>
        <p style="color: #FF0000;"> ${requestScope.Error}</p>
        <div class="container">         
            <div class="content">    
                <div class="sidebar1">
                    <div id='cssmenu'>
                    <ul>
                        <li><a href='index.jsp?action=MostrarDatosAfiliado' target="_self"><span>Mis Datos</span></a></li>
                        <li class='active has-sub'><a href='#'><span>Mis Turnos</span></a>
                            <ul>
                                <li class='has-sub'><a href='turnosolicitado.jsp'><span>Turnos Solicitados</span></a> </li>
                                <li class='has-sub'><a href='index.jsp?action=MostrarTurnosDisponible' target="_self"><span>Buscar Turnos</span></a> </li>        
                                <li class='has-sub'><a href='index.jsp?action=CartillaProfesionales' target="_self"><span>Cartilla de Profesionales</span></a>  </li>
                            </ul>
                        </li>  
                        <li><a href='inquietud.jsp'><span>Mis Inquietudes</span></a></li>
                        <li><a href='novedades.jsp'><span>Novedades</span></a></li>
                        <li class='last'><a href='index.jsp'><span>Cerrar Sesion</span></a></li>
                    </ul>
                    </div>
                </div>        
        
                <p style="color: #FF0000;"> ${requestScope.Error}</p>   
				
  <h1>Buscar Turnos Disponibles</h1>
  <p>Buscar por:</p>
  <form id="form1" name="form1" method="post" action="">
    <p>
      <label for="prestadora">Prestadora</label>
      <select name="selectPrestadora" id="selectPrestadora" onchange="location.href ='index.jsp?action=MostrarListaTurnosDisponible' " target="_self">
          <c:forEach items="${requestScope.listaPrestadoras}" var="lista"> 
              <option value="${lista.nombre}">${lista.nombre}             
          </c:forEach>         
      </select>
      
    </p>   
  </form>


  <p>Fecha Desde:
    <input type="date" name="fechadesde" id="fechadesde" />
  </p>
  
    <script type="text/javascript">
    var now = new Date();
    var day = ("0" + now.getDate()).slice(-2);
    var month = ("0" + (now.getMonth() + 1)).slice(-2);
    var today = now.getFullYear()+"-"+(month)+"-"+(day) ;
    document.getElementById('fechadesde').value=today
</script>

  <p>
    <label for="fechahasta">Fecha Hasta:</label>
    <input type="date" name="fechahasta" id="fechahasta" />
   </p>
  <p>
    <input type="submit" name="buscar" id="buscar" value="Filtrar Turno" />
  </p>
  <hr />
  <table width="672" height="160" border="1" align="center">
    <tr>
      <th width="63" height="32" scope="col">Nro Turno</th>
      <th width="82" scope="col">Especialidad</th>
      <th width="80" scope="col">Prestadora</th>
      <th width="83" scope="col">Profesional</th>
      <th width="55" scope="col">Fecha</th>
      <th width="55" scope="col">Hora</th>
      <th width="113" scope="col">Solicitar</th>
    </tr>
    
    
     <tbody name="data" id="data">
         <c:forEach items="${requestScope.listaTurnos}" var="listaT">
             <tr>
             <td> ${listaT.idTurno}</td>
             <td> ${listaT.especialidad} </td>
             <td> ${listaT.nombreProfesional} ${listaT.apellidoProfesional}</td>
             <td> ${listaT.fechaHora} </td>
             <td> ${listaT.fechaHora} </td>
             <td> "Confirmar" </td>
             </tr>
         </c:forEach>   
     </tbody> 
   
  </table>
  
		        </div> <!-- end .content -->
      </div>     <!-- end .container --> 
            
    </body>
</html>
